// import { Link } from "react-router-dom"
import InfoRouters from "../routers/infoRouters"

import { Menu } from 'antd';
import { MailOutlined, } from '@ant-design/icons';
import { useHistory } from "react-router-dom"

const { SubMenu } = Menu;

// eslint-disable-next-line
export default () => {

  const history = useHistory()
  const handleClick = e => {
    history.push(e.key)
  };
  return <div style={{
    display: "flex"
  }}>
    <Menu
      onClick={handleClick}
      style={{ width: 256, height: "100vh" }}
      defaultSelectedKeys={['/info/seckill_list']}
      defaultOpenKeys={['seckill']}
      mode="inline"
      theme="dark"
    >

      {/* 管理员 */}
      {/* <SubMenu key="admin" icon={<MailOutlined />} title="管理员">
        <Menu.Item key="11">管理员列表</Menu.Item>
        <Menu.Item key="12">新增</Menu.Item>
      </SubMenu> */}
      {/* 秒杀 */}
      <SubMenu key="seckill" icon={<MailOutlined />} title="秒杀">
        <Menu.Item key="/info/seckill_list">在售商品列表</Menu.Item>
        <Menu.Item key="/info/seckill_add">新增活动商品</Menu.Item>
        {/* <Menu.Item key="/info/seckill_res">修改活动商品信息</Menu.Item> */}

      </SubMenu>

      {/* 用户 */}
      <SubMenu key="user" icon={<MailOutlined />} title="用户">
        <Menu.Item key="/info/UsersSet">用户列表</Menu.Item>
        {/* <Menu.Item key="/info/UsersAdd">新增</Menu.Item> */}
      </SubMenu>



      {/* 购物车 */}
      <SubMenu key="shopping" icon={<MailOutlined />} title="购物车">
        <Menu.Item key="/info/shoppingCart">列表</Menu.Item>
        <Menu.Item key="/info/shoppingCart-add/:_id">新增商品</Menu.Item>
      </SubMenu>

      {/* 订单 */}
      <SubMenu key="order" icon={<MailOutlined />} title="订单">
        <Menu.Item key="/info/order">订单列表</Menu.Item>
        <Menu.Item key="/info/order-add">新增订单</Menu.Item>
      </SubMenu>

      {/* 商品总类型 */}
      <SubMenu key="totalType" icon={<MailOutlined />} title="商品类型">
        <Menu.Item key="/info/totaltype">商品总类列表</Menu.Item>
        <Menu.Item key="/info/childType">商品子类列表</Menu.Item>
      </SubMenu>



      {/* 商品 */}
      <SubMenu key="commodity" icon={<MailOutlined />} title="商品">
        <Menu.Item key="/info/commodity">商品列表</Menu.Item>
        <Menu.Item key="/info/addCommodity">新增商品</Menu.Item>
        <Menu.Item key="/info/editCommodity">修改商品</Menu.Item>
        <Menu.Item key="/info/uploadImgs">上传商品图片</Menu.Item>
      </SubMenu>

      {/* 自提点管理 */}
      <SubMenu key="address" icon={<MailOutlined />} title="自提点">
        <Menu.Item key="/info/address">自提点列表</Menu.Item>
        <Menu.Item key="/info/addAddress">新增自提点</Menu.Item>
      </SubMenu>
    </Menu>
    <div style={{ padding: "20px", width: "100%" }}>
      <InfoRouters />
    </div>
  </div>
}

//  {/* 管理员 */}
//  <SubMenu key="admin" icon={<MailOutlined />} title="管理员">
//  <Menu.Item key="1">新增</Menu.Item>
//  <Menu.Item key="2">修改</Menu.Item>
//  <Menu.Item key="2455">删除</Menu.Item>
// </SubMenu>
// {/* 用户模块 */}
// <SubMenu key="user" icon={<MailOutlined />} title="用户">
//  <Menu.Item key="4">新增</Menu.Item>
//  <Menu.Item key="5">修改</Menu.Item>
//  <Menu.Item key="6">删除</Menu.Item>
// </SubMenu>
// {/* 秒杀 */}
// <SubMenu key="seckill" icon={<MailOutlined />} title="秒杀">
//  <Menu.Item key="7">新增</Menu.Item>
//  <Menu.Item key="8">修改</Menu.Item>
//  <Menu.Item key="8">删除</Menu.Item>
// </SubMenu>

// {/* 商品总类型 */}
// <SubMenu key="totalType" icon={<MailOutlined />} title="商品总类型">
//  <Menu.Item key="add_totalType">新增</Menu.Item>
//  <Menu.Item key="alter_totalType">修改</Menu.Item>
//  <Menu.Item key="delete_totalType">删除</Menu.Item>
// </SubMenu>
// {/* 商品子类型 */}
// <SubMenu key="childType" icon={<MailOutlined />} title="商品子类型">
//  <Menu.Item key="12">新增</Menu.Item>
//  <Menu.Item key="21">修改</Menu.Item>
//  <Menu.Item key="22">删除</Menu.Item>
// </SubMenu>
// {/* 自提点管理 */}
// <SubMenu key="address" icon={<MailOutlined />} title="自提点管理">
//  <Menu.Item key="123">新增</Menu.Item>
//  <Menu.Item key="222">修改</Menu.Item>
//  <Menu.Item key="45">删除</Menu.Item>
// </SubMenu>

// {/* 商品 */}
// <SubMenu key="commodity" icon={<MailOutlined />} title="商品">
//  <Menu.Item key="1465">新增</Menu.Item>
//  <Menu.Item key="278">修改</Menu.Item>
//  <Menu.Item key="2897">删除</Menu.Item>
// </SubMenu>

// </SubMenu>
// {/*订单 */}
// <SubMenu key="orders" icon={<MailOutlined />} title="订单">
//  <Menu.Item key="1455">新增</Menu.Item>
//  <Menu.Item key="0202">修改</Menu.Item>
//  <Menu.Item key="223">删除</Menu.Item>
// </SubMenu>